<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>login</title>
</head>

<div id="app">
    <body>
  <form method="post">
      {{ csrf_input }}
      <ui>
        <li>
            <label>用户名:</label>
            <input type="text" v-model="username" @blur="check_username" name="username" id="user_name">
            <span class="error_tip" v-show="error_name"></span>
        </li>
        <li>
            <label>密码:</label>
            <input type="password" v-model="password" @blur="check_password" name="password" id="pwd">
            <span class="error_tip" v-show="error_password"></span>
        </li>
          <li class="reg_sub">
            <input type="submit" value="登录">
        </li>
      </ui>


</form>
    </body>
</div>


<script language="JavaScript" src="/static/js/jquery-1.12.4.min.js"></script>
<script language="JavaScript" src="/static/js/axios-0.18.0.min.js"></script>
<script language="JavaScript" src="/static/js/vue-2.5.16.js"></script>
<script type="text/javascript">
    function sub() {
        var score = $('#score').val();

        $.ajax({
            url: '/show/',
            data: {'score': score},
            type: 'POST',
            success: function (result) {
                alert(result.status)
            }
        })


    }
</script>
</html>